
import { Title } from '@/components/shared/Title';
import TopBar from '@/components/shared/TopBar/TopBar';
import Filters from '@/components/shared/Filters/Filters';
import ProductsGroup from '@/components/shared/ProductsGroup/ProductsGroup';
import { dataProductsGroup, dataProductsGroup2 } from '@/components/shared/ProductsGroup/sharedData';


export default function Home() {
  return (
    <div style={{ marginTop: 40, paddingLeft: 20, paddingRight: 20 }}>
      <Title
        className={'root-title'}
        text={'Представленные экземляры Бизнес Объектов'}
        size={'lg'}
      />

      <TopBar />

      {/* scroll-padding-bottom: 14px; */}
      <div>

        <div style={{display: 'flex', gap: 60}}>

          {/* Фильтрация */}
          <div style={{width: 250}}>
            <Filters />
          </div>


          {/* Список товаров */}
          {/* flex 1 */}
          <div>
            {/* flex col gap 16 */}
            <div >
              <ProductsGroup
                key={1}
                title={'Бизнес Объект'}
                items={dataProductsGroup}
                categoryId={1}
              />
              <ProductsGroup
                key={1}
                title={'Другой Бизнес Объект'}
                items={dataProductsGroup2}
                categoryId={2}
              />
            </div>
          </div>

        </div>

      </div>
    </div>

  );
}
